<template>
    <div class="index">
        <div class="box">
  <div class="coin"></div>
</div>
    </div>




</template>

<script>
export default {
    name:"loading"
}
</script>

<style scoped>
.index {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  opacity: 1;
  background-color: #343838;
}
.box {
    perspective: 120px;

  }
  
  .coin {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border: 4px solid #0b9ed8;
    animation: spin 1.5s ease-in-out infinite;
  }
  
  @keyframes spin {
    to {
      transform: rotateY(540deg);
    }
  }
  
</style>